@header = {
}
@footer = {
    <script type="text/javascript">
        document.getElementById("link").href = "/fp";
    </script>
}

@main(header, footer, "/home") {
    <div class="text-center">
        <br>
        <div class="alert alert-success" role="alert">
           @Html(Messages("home.milestone1"))
            <a href="https://addons.mozilla.org/firefox/addon/amiunique/"
            target="_blank" class="alert-link">
                <i class="fa fa-fw fa-firefox"></i> Firefox
            </a>
            @Html(Messages("home.milestone2"))
            <a href="https://chrome.google.com/webstore/detail/amiunique/pigjfndpomdldkmoaiiigpbncemhjeca"
            target="_blank" class="alert-link">
                <i class="fa fa-fw fa-chrome"></i> Chrome
                </a>
            @Html(Messages("home.milestone3"))
            <a href="/timeline" class="alert-link">@Messages("home.milestone4")</a>.<br>
            @Html(Messages("home.milestone5"))
            <a href="https://extensions.inrialpes.fr/" class="alert-link" target="_blank">@Messages("home.milestone4")</a>.
        </div>
        <div class="alert alert-info" role="alert">
            @Html(Messages("home.pub1"))
            <a href="https://hal.inria.fr/hal-01285470/file/beauty-sp16.pdf" target="_blank" class="alert-link">
                 @Messages("home.pub2") <i class="fa fa-file-pdf-o"></i>
            </a>.
        </div>
        <br>
        @Html(Messages("home"))
    </div>
}